
<%--
    Document   : oEstrategico
    Created on : 10/04/2010, 03:05:56 PM
    Author     : LAPTOP01
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<%@ include file="seguridad.jsp" %>
<script src="scripts/ajax.js" language="JavaScript"></script>
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>


<script type="text/javascript">
    function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }
    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }



        function comboProvincia(){

        var id = document.getElementById("codRegion").value;
        var idDiv = "provincia";
        var metodo = "GET";
        var url = "consultasAjax/comboProvinciaTAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);



    }

    function comboDistrito(){


        var id = document.getElementById("codProvincia").value;

        var idDiv = "distrito";
        var metodo = "GET";
        var url = "consultasAjax/comboDistritoTAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        //   var capa1= document.getElementById("divTabla");
        //   capa1.innerHTML="";

    }

    function validarInfraestructura(){
        if (document.getElementById("anio").value==""){
            alert("Ingresar año");
            document.getElementById("anio").focus();
            return;
        }
        if (document.getElementById("codRegion").value=="-1"){
            alert("Seleccionar region");
            document.getElementById("codRegion").focus();
            return;
        }
        if (document.getElementById("codProvincia").value=="-1"){
            alert("Seleccionar provincia");
            document.getElementById("codProvincia").focus();
            return;
        }
        if (document.getElementById("codDistrito").value=="-1"){
            alert("Seleccionar distrito");
            document.getElementById("codDistrito").focus();
            return;
        }
        if (document.getElementById("direccion").value==""){
            alert("Ingresar direccion");
            document.getElementById("direccion").focus();
            return;
        }
        if (document.getElementById("sede1").checked==false&&document.getElementById("sede2").checked==false){
            alert("Seleccionar tipo de sede");
            document.getElementById("sede1").focus();
            return;
        }
        if (document.getElementById("remacon1").checked==false&&document.getElementById("remacon2").checked==false){
            alert("Seleccionar remodelacion o acondiconamiento");
            document.getElementById("remacon1").focus();
            return;
        }
        if (document.getElementById("equ1").checked==false&&document.getElementById("equ2").checked==false){
            alert("Seleccionar si posee equipamiento la sede");
            document.getElementById("equ1").focus();
            return;
        }
        grabarInfraestructura();
    }



        function grabarInfraestructura(){
        var form = document.getElementById("FichaForm");
        var tipoOper=1;
        var codDistrito=document.getElementById("codDistrito").value;
        var codinfadm=document.getElementById("codinfadm").value;
        var anio=document.getElementById("anio").value;
        var direccion=document.getElementById("direccion").value;
        var sede=0;
        if (document.getElementById("sede1").checked==true){
            sede=1;
        }
        if (document.getElementById("sede2").checked==true){
            sede=2;
        }
        var remacon=0;
        if (document.getElementById("remacon1").checked==true){
            remacon=1;
        }
        if (document.getElementById("remacon2").checked==true){
            remacon=2;
        }
        var equ=0;
        if (document.getElementById("equ1").checked==true){
            equ=1;
        }
        if (document.getElementById("equ2").checked==true){
            equ=2;
        }
        var tipeq1=0;
        var tipeq2=0;
        var tipeq3=0;
        if (document.getElementById("tipeq1").checked==true){
            tipeq1=1;
        }
        if (document.getElementById("tipeq2").checked==true){
            tipeq2=1;
        }
        if (document.getElementById("tipeq3").checked==true){
            tipeq3=1;
        }
        form.action="Ficha.do?dispatch=grabarFichaAdministrativa&codinfadm="+codinfadm+"&anio="+anio+"&direccion="+direccion+"&sede="+sede+"&remacon="+remacon+"&equ="+equ+"&tipeq1="+tipeq1+"&tipeq2="+tipeq2+"&tipeq3="+tipeq3+"&codDistrito="+codDistrito+"&tipoOper="+tipoOper;
        form.method="post";
        form.submit();
        alert("Grabado Satisfactoriamente!!")
        }



        function confirmActionGuardar(){
            if (confirm("Se Guardara los cambios hechos en la pantalla  \n ¿Esta seguro de continuar? "))
                return true;
            else
                return false;
        }
    

        




</script>

<html>
    <script LANGUAGE="JavaScript">
    </script>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Font_Text.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_PageTable.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Index.css" >
        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />

        



        <title>JSP Page</title>
    </head>

    <body>
        <center>
            <h1 class="substylo">
                Ficha del Estado de la Infraestructura del IPD.
            </h1>
        </center>
        <div style="overflow: auto; width: 700px; height: 400px">
            <html:form action="Ficha.do?dispatch=grabarFichaAdministrativa" styleId="FichaForm">

                <html:hidden property="codinfadm" styleId="codinfadm"/>


                <table border="0" align="center" cellspacing="0" style="width: 600px" >

                    <tr>
                        <td style="width: 150;">1. Anio</td>
                        <td style="width: 400;">
                            <html:text  styleId="anio" property="anio" maxlength="400"/>
                            
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">2. Infraestructura Administrativa</td>
                    </tr>
                    <tr>
                        <td style="width: 150;">A. Ubicacion</td>
                    </tr>
                    <tr>
                        <td>
                            Departamento :
                        </td>
                        <td style="width: 400;">
                            <html:select property="codRegion" styleId="codRegion"  onchange="comboProvincia()" >
                                <html:option value="-1">[--Seleccionar Departamento--]</html:option>
                                <html:optionsCollection name="FichaForm" property="listRegion" value="NUM_CODDPTO_PK" label="TX_NOMDPTO" />
                            </html:select>
                        </td>
                    </tr>
                    <tr>
                        <td>Provincia :</td>
                        <td>
                            <div id="provincia">
                                <html:select property="codProvincia" styleId="codProvincia">
                                    <html:option value="-1">[--Seleccionar Provincia--]</html:option>
                                </html:select>
                            </div>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            Distrito :
                        </td>
                        <td>
                            <div id="distrito">
                                <html:select property="codDistrito" styleId="codDistrito">
                                    <html:option value="-1">[--Seleccionar Distrito--]</html:option>
                                </html:select>
                            </div>
                        </td>

                    </tr>
                    <tr>
                        <td style="width: 150;">Dirección </td>
                        <td style="width: 400;">
                            <html:text  styleId="direccion" property="direccion" maxlength="400"/>

                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <h5>  B. Marcar si corresponde a una: </h5>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            Sede Institucional :
                            <html:radio property="sede"  styleId="sede1"  value="1" />
                            Instancia Descentralizada :
                            <html:radio property="sede"  styleId="sede2"  value="2"  />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <h5>  C. Remodelación/ acondicionamiento:   </h5>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            Si
                            <html:radio property="remacon"  styleId="remacon1"  value="1" />
                            No
                            <html:radio property="remacon"  styleId="remacon2"  value="2"  />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <h5>  D. Equipamiento de la SEDE:   </h5>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            Si

                            <html:radio property="equ"  styleId="equ1"  value="1" />
                            No
                            <html:radio property="equ"  styleId="equ2"  value="2"  />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <h5>  E. Tipo de Equipamiento:   </h5>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            Computo
                                <html:checkbox styleId="tipeq1" property="tipeq"/>
                            Comunicación
                                <html:checkbox styleId="tipeq2" property="tipeq"/>
                            Audiovisual
                                <html:checkbox styleId="tipeq3" property="tipeq"/>
                        </td>
                    </tr>
                    <tr>
                       <td colspan="2" align="center"><input type="button" id="grabarinfraestructura" value="Grabar" onclick="validarInfraestructura()" class="submit2"/></td>
                    </tr>
                </table>
        


            </html:form>
       </div>
    </body>
</html>